<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset=UTF-8/>
		<link rel="stylesheet" type="text/css" href="resources/styles/GeneralStyle.css"/>
		<link rel="stylesheet" type="text/css" href="resources/styles/TabpageStyle.css"/>
		<link rel="stylesheet" type="text/css" href="resources/styles/menuStyle.css"/>
		<title>BCF - Reuse Components</title>
		<script id="sap-ui-bootstrap"
	  		data-sap-ui-theme="sap_ux"
      		type="text/javascript"
       		data-sap-ui-libs="sap.ui.commons"
      		src="resources/sap-ui-core.js">
    	</script > 
		<script src="resources/JavaScript/common.js"></script>
		<script type="text/javascript">
		
		function updateComboBoxState(srcElement)
		{
			var realtedCbx = null;
			if(srcElement.id == "chkBusinessCase")
				relatedCbx = document.getElementById("cbxBusinessCases");
			else
				relatedCbx = document.getElementById("cbxDateRange");
					
			relatedCbx.disabled = !(srcElement.checked);
		}
		
		</script>
	</head>
	<body onload="initializePage('lnkSearch', 'BCF - Reuse Components (Search Tab)')">
		<div id="header">
		  <ul>
		    <li id="lnkSearch" title="Specify Search Filters" id="current">
		    	<a href="#" onClick="">Search</a>
	    	</li>
	    	<li id="lnkResults" title="Show Available Components">
		    	<a href="#" onClick="">Results</a>
	    	</li>
		    <li id="lnkOther" title="Show Chosen Components" onClick="return changeModule()">
		    	<a href="#">Reuse</a>
	    	</li>
		  </ul>
		</div> 
     	<div id="preview" class="sapUiBody" >
			<form id="frMain" title="Main Form" action="main" method="post">
	 			<fieldset title="Specify Search Filters" id="fsBC">
	 				<legend>Search Filters</legend>
	 				<div class="inputNameAndField">
	 					<label>Please select the desired output: </label> 
						<select id="cbxComponents" >
							<c:forEach var="component" items="${componentTypes}">
								<option value="<c:out value='${component.toString()}'/>">
									<c:out value="${component.toString()}"/>
								</option>
           					</c:forEach>
                 		</select>
	 				</div>
	 			</fieldset>
	 			<input type="button" value="Import Component" class="buttonStyle">
	 			<input type="button" value="Cancel" class="buttonStyle" onclick="closeWindow()">
	 		</form>	
      	</div>
       	<%@include file="/webPages/_footer.jsp" %> 
	</body>
</html>